
var compcartapos = [40, 100, 160]
var cartapos = [40, 120, 200]
var moviendo_g = false
var curpos = 0
var compcurpos = 0
var ordenescartas = [[0,1,2], [0,2,1], [1,0,2], [1,2,0], [2,0,1], [2,1,0]]
var ordencompcarta = Math.floor(Math.random() * ordenescartas.length)


function movercarta_g(event) {
	var n = event.data.param1

	if (moviendo_g)
		return

	moviendo_g = true
	randomx = cartapos[curpos++] + Math.floor(Math.random() * 50)
	randomy = 200 + Math.floor(Math.random() * 50)

	$('#carta' + n).css('z-index', ordenz++);

	$('#carta' + n).animate({
		left: randomx,
		top: randomy
	}, 200, function() {
		carta_l(n)
		moviendo_g = false
	});
}

function movercompcarta_g(n) {
	if (moviendo_g) {
		setTimeout("movercompcarta_g( " + n + ")", 500)
		return
	}

	moviendo_g = true
	randomx = compcartapos[compcurpos++] + Math.floor(Math.random() * 50)
	randomy = 140 + Math.floor(Math.random() * 50)
	m = ordenescartas[ordencompcarta][n]

	$('#compcarta' + m).css('z-index', ordenz++);

	$('#compcarta' + m).animate({
		left: randomx,
		top: randomy
	}, 200, function() {
		$('#compcarta' + m).css('background-position', '-' + carta_x_g(cartas_l[3 + n]) + 'px -' + carta_y_g(cartas_l[3 + n]) + 'px');
		$('#compcarta' + m).css('background-image', 'url("img/naipes.png")');
		$('#compcarta' + m).css('width', '72px');
		$('#compcarta' + m).css('height', '96px');
		moviendo_g = false
	});
}

function carta_x_g(x) {
	var n = x % 10
	var cartaancho = 72

	return cartaancho * n
}

function carta_y_g(x) {
	var p = Math.floor(x / 10)
	var cartaalto = 96

	return cartaalto * p
}

function dibujarmano() {

/*
	jmano = Math.floor(Math.random() * 2)
	jugadas = []
	trucometro = 0

	ordenescartas = [[0,1,2], [0,2,1], [1,0,2], [1,2,0], [2,0,1], [2,1,0]]

	cordcarta = ordenescartas[Math.floor(Math.random() * ordenescartas.length)]

	mezclar()
*/
	ordenz = 100
	
	

	for (var n in cartapos) {
		$('#main').append('<div id="carta' + n + '" class="carta" style="left:' + cartapos[n] + 'px; background-position:-' + carta_x_g(cartas_l[n]) + 'px -' + carta_y_g(cartas_l[n]) + 'px"></div>');
		$('#main').append('<div id="compcarta' + n + '" class="compcarta" style="left:' + compcartapos[n] + 'px"></div>');
		$('#carta' + n).click({param1: n}, movercarta_g);
	}

	$('#main').append('<img id="foto-humano" src="img/ricardo.jpg"></div>');
	$('#main').append('<img id="foto-computador" src="img/esteban.jpg"></div>');

	$('#main').append('<div style="background-color:white; top:150px; left:500px; width:20px; height:3px; position:absolute"><!-- --></div>');
	$('#main').append('<div style="background-color:white; top:167px; left:500px; width:20px; height:3px; position:absolute"><!-- --></div>');
	$('#main').append('<div style="background-color:white; top:150px; left:517px; width:3px; height:20px; position:absolute"><!-- --></div>');
	$('#main').append('<div style="background-color:white; top:150px; left:500px; width:3px; height:20px; position:absolute"><!-- --></div>');

	for (var i = 0; i < 12; i++) {
		$('#main').append('<div class="punto-diagonal" style="top:' + (153 + i) + 'px; left:' + (503 + i)  + 'px"><!-- --></div>');
	}

}

$(function() {
	init_l()
	dibujarmano()
});
